@import "@/styles/__index.less";

.person-stat {
  height: 100%;
  background-image: url("@/assets/security-person-l2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  padding: 14px 0px;

  [class^="item"] {
    .text-middle {
      .pmzd-orange;
      font-size: 20px;
      margin: 0px 4px;
    }
  }

  [class^="item-l"] {
    display: flex;
    align-items: center;
  }

  [class^="item-r"] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}